<template>
  <div class="m-title">
    <span>{{ title }}</span>
    <span class="sanjiao"></span>
    <span class="sanjiao"></span>
  </div>
</template>

<script>
export default {
  name: "MyTitle",
  props: {
    title: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped lang="scss">
.m-title {
  font-size: 24px;
  color: #effafb;

  .sanjiao {
    display: inline-block;
    position: relative;
    top: 4px;
    width: 24px;
    height: 24px;
    background: url('~@/assets/images/sanjiao.svg') no-repeat center center;
    background-size: 24px 24px;
  }
}
</style>
